<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
	   
       #div001{
		   width:700px;
		   height:100px;
		   background-color:green;
		   margin-bottom:20px;
		   margin-right:20px;
		   text-align:center;
		   
	   }
	   #div002{
		   width:220px;
		   height:300px;
		   background-color:#998;
		   float:left;
		   margin-bottom:20px;
		   margin-right:20px;
		   text-align:center;
	   }
	   #div003{
		   width:220px;
		   height:300px;
		   background-color:#999;
		   float:left;
		   margin-bottom:20px;
		   text-align:center;
		   
	   }
	   #div004{
		   width:220px;
		   height:300px;
		   background-color:#966;
		   margin-left:20px;
		   float:left;
		   margin-bottom:20px;
		   text-align:center;
	   }
		   #div005{
		   width:700px;
		   height:100px;
		   background-color:#907;
		   clear:both;
		   float:left;
		   text-align:center;
		  
	   }
	   #father{
		   width:700px;
		    margin:auto;
		   
	   }

</style>
</head>

<body>
<div id="father">
       <div id="div001">top</div>
       <div id="div002">left</div>
       <div id="div003">center</div>
       <div id="div004">right</div>
       <div id="div005">bottom</div>
</div>
</body>
</html>
